<template>
    <div id="app">
      <nav>
        <!-- 直接使用映射的key获取 -->
        {{ count }}
      </nav>
      <router-view/>
    </div>
  </template>
  <script>

  import { mapState } from 'vuex'
  export default {
    created () {
      // 第一种方法：通过store.state.属性名 获取store中的数据
      console.log(this.$store.state.count)
    },
    //第二种方法

     // 1.在计算属性(computed)导入 mapState
  // 2.使用mapState映射state中的数据
  // 3.使用映射的key获取
    computed: {
       ...mapState(['count'])
    }
  }
  
  </script>
  <style lang="less">
  
  </style>
  